<script setup>
import RoomIncomeDetTab from "@/views/app/IncomeDetail/RoomIncomeDetTab.vue";
import IncOverviewTab from "@/views/app/IncomeDetail/IncOverviewTab.vue";
</script>

<template>
  <div class="main-body">
    <div class="passage-title">
      <span>酒店收入明细统计</span>
    </div>
    <div class="detail-ctrl-panel">
      <el-tabs type="border-card" tab-position="top">
        <el-tab-pane :label="'收入总览'" height="250">
          <inc-overview-tab/>
        </el-tab-pane>
        <el-tab-pane :label="'住房收入统计'" height="250">
          <room-income-det-tab/>
        </el-tab-pane>
        <el-tab-pane :label="'小商品收入统计'" height="250"></el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "../../../style/app/IncomeDetailBody.scss";

.date-selector {
  margin-left: 12px;
}
</style>